<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数简介</title>
</head>
<body>
<h3>函数：</h3>
<p>
    function，是被设计为执行特定任务的代码块
</p>
<h3>说明：</h3>
<p>
    函数可以把具有相同或相似逻辑的代码“包裹”起来 <br>
    通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于 精简代码方便复用。 <br>
    比如我们前面使用的 alert() 、 prompt() 和 console.log() 都是一些 js 函数，只不过已经封装好了，我们直接使用的
</p>
<hr>
<h2>函数使用</h2>
<pre style="font-size: 20px;">
    function 函数名() {
      函数体(即代码段)
    }
</pre>
<h3>函数名命名规范</h3>
<pre style="font-size: 20px;">
1. 和变量命名基本一致
2. 尽量小驼峰式命名法
3. 前缀应该为动词
4. 命名建议：常用动词约
    can     判断是否可执行某个动作
    has     判断是否包含某值
    is      判断是否为某值
    get     获取某个值
    srt     设置某个值
    load    加载某些数据
</pre>
<hr>

<script>
    // 声明一个函数
    function Hi() {
        document.write('Hi ~~~~~<br>')
    }

    // 调用函数, 注意要加 ()
    Hi()
    Hi()
    Hi()
    Hi()
    Hi()

    // 求2个数的和

    // 定义函数
    function 数的和() {
      let 数1 = +prompt('请输入第一个数')
      let 数2 = +prompt('请输入第二个数')
      console.log(数1 + 数2) // 控制台输出
    }
    // 调用函数
    数的和()
</script>
</body>
</html>